body{
 	height:100%;
 	width:auto;
 	background: rgba(78, 129, 232, 0);
 	box-shadow: 0px 0px 40px 0px rgba(89, 155, 255, 0.46) inset;
 	border-radius: 10px;
	overflow:hidden;
 }
 .wrapBox{
 	width:100%;
 	height:100%;
 }
 .boxHeader{
 	width: 100%;
 	height:2.5rem;
 	display: flex;
 	flex-direction:row;
 }
 .boxHeader .dyzs{
	width:6rem;
	height:2.5rem;
	line-height:2.5rem;
	color:#84B0F9;
	display: inline-block;
	text-align:center;
	background: #194889;
	cursor:pointer;
	font-size:1rem;
	vertical-align: middle; 
 }
 
 .boxHeader .czdb{
 	width:33rem;
 	height:2.5rem;
 	line-height:2.5rem;
 	color:#84B0F9;
 	display: inline-block;
 	text-align:center;
 	/* background: #194889; */
 	cursor:pointer;
 	font-size:1rem;
 	vertical-align: middle;
	border-radius: 0.5rem  0.5rem 0rem  0rem;
 }

 .layui-form-selected dl   .popper__arrow{
   display:none;
 }
.layui-form-selected dl::-webkit-scrollbar{
   width: 8px;
   background-color:#0A3269;
 }
 
 .layui-form-selected dl::-webkit-scrollbar-track {
   background-color:#0A3269;
 }
 
  .layui-form-selected dl::-webkit-scrollbar-thumb  {
   background:#1B44B3;
   border-radius: 10px;
 }
  
 
 
 
 .boxHeader .dyzs{
 	border-radius: 10px 0px 0px  0px;
	color: #FFFFFF !important;
	background: linear-gradient(90deg, #1153C1, #014FDF, #1153C1) !important;
	
 }
 .dyzs i{
 	width:1rem;
 	height:1rem;
 	display: inline-block;
 	background:url(../images/inCapital/ht.png);
 	background-size:100%  100%;
 	background-repeat:no-repeat;
 	vertical-align: text-top;
 	margin-right: 0.5rem;
 }

 .htOption{
	width: 100%;
	height: 3rem;
	background: #194889;
	border-radius: 0px 10px 10px 0px;
	color: #fff;
	border: none;
 }
 .layui-input, .layui-select, .layui-textarea {
	 height: 2.5rem;
     border-width: 1px;
     border-style: solid;
     background-color: #194889;
     border-radius: 2px;
	 color: #84B0F9;
	 border-radius: 0.5rem 0 0.5rem 0;
 }
 
.layui-badge-rim,
.layui-colla-content,
.layui-colla-item, 
.layui-collapse, 
.layui-elem-field, 
.layui-form-pane
.layui-form-item[pane],
.layui-form-pane 
.layui-form-label,
.layui-input, 
.layui-layedit,
.layui-layedit-tool, 
.layui-quote-nm, 
.layui-select,
.layui-tab-bar, 
.layui-tab-card, 
.layui-tab-title, 
.layui-tab-title
.layui-this:after,
 .layui-textarea {
     border-color: #194889;
 }
 
 .layui-input:focus,
 .layui-textarea:focus {
     border-color: #194889!important;
 }
 .layui-form-select .layui-edge {
     border-top-color: #84B0F9;
 }
 .layui-form-select dl dd.layui-this {
     background-color:#194889;
     color: #fff;
 }
 .layui-form-select dl {
     border: 1px solid #194889;
     background-color: #194889;
 }
 .layui-form-select dl dd:hover {
     background-color: #0C52CA;
	 color: #fff;
 }
 .layui-input:hover, .layui-textarea:hover {
     border-color: #194889!important;
 }
 
 
 .htOption option{
	height:2.5rem;
	line-height:2.5rem;
 }
 .activeBgColor{	
     color: #FFFFFF !important;
     background: linear-gradient(90deg, #1153C1, #014FDF, #1153C1) !important;
 }
 
 .boxContent{
 	width: 100%;
 	height: 95%;
 	display: flex;
 	flex-direction:row;
 	padding:15px;
 	box-sizing: border-box;
 }
 .boxLeft{
 	width:75%;
 	height:100%;
     background: rgba(78, 129, 232, 0);
 	box-shadow: 0px 0px 40px 0px rgba(89, 155, 255, 0.46);
 	border-radius: 10px;
 }
 .xmgj_Box{
	width: 100%;
	height:50%;
 }
.boxLeftHeader{
	height:4rem;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    left: 26%;
}
.boxLeftTitle{
    width: 20rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	background: url(../images/inCapital/bgColor.png);
	background-size: 100%  100%;
	background-repeat: no-repeat;
}

.tonghao_box{
	height:4rem;
	position: absolute;
	top: 51%;
	left: 26%;
}
.tonghao_title{
    width: 20rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	background: url(../images/inCapital/bgColor.png);
	background-size: 100%  100%;
	background-repeat: no-repeat;
	
}


.wrapContent{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

 .container{
	width:100%;
	height:3rem;
	display: flex;
	flex-direction: row;
	padding-top: 2.5rem;
	box-sizing: border-box;
}
.timeLine{
	height: 22%;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.timeLine:first-child{
	padding: 7rem 0 3rem 0;
	box-sizing: border-box;
}
.timeLine>div{
	/* flex:1;
	display:flex; */
	position: relative;
	/* width:15rem; */
	display: flex;
	align-items: center;
}
.timeLine>.itemActiveBg:first-child .sbcgBox,
.timeLine>.greenActiveColor:first-child .sbcgBox{
	left: 0%;
	bottom: -3.5rem;
	text-align: left;
}

.timeLine>.itemActiveBg:last-child .sbcgBox,
.timeLine>.greenActiveColor:last-child .sbcgBox{
	left: -4.4rem;
	bottom: -3.5rem;
	text-align: center;
}


.timeLine>.itemActiveBg:first-child .yueBox,
.timeLine>.greenActiveColor:first-child .yueBox{
	left: 0%;
	bottom: -3.5rem;
	text-align: left;
}
.timeLine>.itemActiveBg:last-child .yueBox,
.timeLine>.greenActiveColor:last-child .yueBox{
	left: -1.5rem;
	bottom: -3.5rem;
	text-align: center;
}


.timeLine>.itemActiveBg:last-child .item,
.timeLine>.greenActiveColor:last-child .item{
	border-top: 0px;
}
.itemActiveBg:last-child .itemBox{
	width:15rem;
	border-top: 0px solid;
}




.dotRed{
	background: #E22B2B !important;
	border: 1px solid #CAE0FF !important;
}

.dotClassBox{
	width: 0.7rem;
	height:0.7rem;
	background: #0084FF;
	border: 1px solid ;
	border-color:#0084FF;
	border-radius: 50%;
	cursor: pointer;
	/* background:yellow; */
}

.itemBox{
	width: 5rem;
	border-top: 6px solid;
	border-color: #0084FF;
	/* margin-top: 0.15rem; */
}


/* .timeLineBox{
	flex: 1;
} */
.yueBox{
	width: 4rem;
	height: 2.5rem;
	line-height: 2.5rem;
	position: absolute;
	left: -9%;
	top: -2.5rem;
	text-align: center;
	font-size: 1rem;
	color: #EBC806;
}


.sbcgBox{
	width: 10rem;
	height: 3rem;
	position: absolute;
	left: -29%;
	bottom: -3.5rem;
	font-size: 0.9rem;
	color: #8DAEE0;
	text-align:center;
}
.sbcgBox>div:first-child{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sbcgBox .greenColor{
	color: #56F28D;
}
.sbcgBox .redColor{
	color: #E22B2B;
}

.titleBox{
	width: 15rem;
	height: 4.8rem;
	line-height: 1.4rem;
	z-index: 10;
	position: absolute;
	left: 1.5rem;
	top: -5.5rem;
	right: -6rem;
	bottom: 2rem;
	border-radius: 0.5rem;
	background: #0F3D83;
	box-shadow: 0px 0px 88px 7px rgba(16, 108, 222, 0.22), 0px 0px 11px 3px rgba(0, 114, 255, 0.8) inset;
	padding: 0.5rem;
	box-sizing: border-box;
    color: #FEFEFE;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	
}


.triangleTopright{
	width:1rem;
	height:1rem;
	background: url(../images/inCapital/jiantou.png);
	background-size:100%  100%;
	background-repeat:no-repeat;
	position: absolute;
	left: 7.5%;
	top: -1.5rem;
}

.boxItem{
	display: none;
}

/* 进度状态 */

.itemActiveBg  .dot{
	background: #0084FF;
	border: 1px solid #0084FF;
}
.itemActiveBg .sbcgBox{
	color: #fff;
}

.itemActiveBg .item{
	border-color:#0084FF;
}


.greenActiveColor  .dot{
    background: #27D6D8;
	
}
.greenActiveColor .sbcgBox{
	color: #fff;
}
.greenActiveColor .item{
	border-color:#27D6D8;
	/* width: 18rem; */
}

/* 小红点 */
.subBox{
	width: 3rem;
	position: absolute;
	top: 0.45rem;
	margin-left:1rem;
/* 	left: 2rem; */
}
.subBox>div:first-child{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: red;
	vertical-align: middle;
	margin-top: 0.3rem;

}

 
 
 /* right box */
 .boxRight{
 	width:24%;
 	height:100%;
 	background: rgba(78, 129, 232, 0);
 	box-shadow: 0px 0px 40px 0px rgba(89, 155, 255, 0.46);
 	border-radius: 10px;
 	margin-left:1rem;
 	display: flex;
 	flex-direction: column;
 }

 .pxsm{
 	width: 100%;
 	height:100%;
 }
 .pxsmBox{
 	height:2.5rem;
 	width:100%;
 }
 .pxsmTitle{
 	width:20rem;
 	height:2.2rem;
 	line-height:2.2rem;
 	background:url(../images/inCapital/bannerX.png);
 	background-size:100%  100%;
 	background-repeat:no-repeat;
 	margin:1.2rem 0 0 1.2rem;
 	font-size: 1rem;
 	text-align: left;
 	color: #fff;
 }
 .pxsmTitle i{
 	width:1rem;
 	height:1rem;
 	display: inline-block;
 	background:url(../images/inCapital/piancha.png);
 	background-size:100%  100%;
 	background-repeat:no-repeat;
 	margin: 0  0.5rem  0  1rem;
 	vertical-align: text-top;
 }
 .pxsmContent{
 	width:100%;
 	height:91%;	
 	padding:1rem;
 	box-sizing: border-box;
 }
 .pxsmContentBox{
 	width: auto;
 	height:100%;
 	background: #0F3D83;
 	border: 1px solid #335FA0;
     border-radius: 1rem;
 }
 .pxsmContentTitle{
 	width: 100%;
 	height:2.5rem;
 	display: flex;
 	flex-direction: row;
 }
 .pxsmContentTitle>div{
 	width:50%;
 	height:2.5rem;
 	line-height:2.5rem;
 	font-size: 1rem;
 	text-align: center;
 	font-family: Microsoft YaHei;
 	font-weight: 400;
 	color: #84B0F9;
 	background: #194889;
 	cursor:pointer;
 }
 .pxsmContentTitle>div:first-child{
 	border-radius:1rem 0rem 0rem 0rem;
 }
 .pxsmContentTitle>div:last-child{
 	border-radius:0rem 1rem 0rem 0rem;
 }
 .activeBgColor{
 	color: #ffffff;
     background: linear-gradient(90deg, #1153C1, #014FDF, #1153C1);
 }
 .pxsmWrapBox{
 	font-size:1rem;
 	padding: 1rem;
 	box-sizing: border-box;
	color: #fff;
	height: 91%;
	width: 100%;
	overflow:auto;
 }
 

.pxsmWrapBox   .popper__arrow{
  display:none;
}
.pxsmWrapBox::-webkit-scrollbar{
  width: 4px;
  background-color:#0A3269;
}

.pxsmWrapBox::-webkit-scrollbar-track {
  background-color:#0A3269;
}

.pxsmWrapBox::-webkit-scrollbar-thumb  {
  background:#1B44B3;
  border-radius: 10px;
}
 
 #CSContentBox{
	 display: none;
 }
 
 .rigntBoxCont{
 	width: 85%;
 	overflow-x:auto;
	overflow-y: hidden;
 	position:relative;
 }
 
 .rigntBoxCont::-webkit-scrollbar {
	 /*滚动条整体样式*/
	 width: 10px;
	 /*高宽分别对应横竖滚动条的尺寸*/
	 height: 10px;
 }
 
 .rigntBoxCont::-webkit-scrollbar-thumb {
	 /*滚动条里面小方块*/
	 border-radius: 10px;
	 background-color: #02adf7;
	
 }
 
 .rigntBoxCont::-webkit-scrollbar-track {
	 /*滚动条里面轨道*/
	 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	 background: #1b5aa9;
 }
 
 
 .dot{
 	width: 1.2rem;
 	height:1.2rem;
 	background:#0084FF;
 	border-radius: 50%;
 	cursor: pointer;
 }
 .item{
 	width: 15rem;
 	border-top: 6px solid;
 	border-color: #0084FF;
 	/* margin-top: 0.45rem; */
 }
 .wrapItem{
 	width: 100%;
 	height: 21%;
 	padding-top: 1rem;
 	box-sizing: border-box;
 }
 
 .leftBoxCont{
 	height:100%;
 	width: 15%;
 	display: flex;
 	flex-direction: column;
 	
 }
 .leftBoxCont>div{
 	height:25%;
 	width: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	font-size:1.4rem;
 	text-align: center;
 	color: #fff;
 	
 }
 .leftBoxCont>div:first-child{
 	margin-top:2rem;
 }
 .leftBoxCont>div:nth-child(2){
 	margin-top:-2.2rem;
 }
 .leftBoxCont>div:nth-child(3){
 	padding-top:1.8rem;
 	box-sizing: border-box;
 }
 
 .dotYellow{
	width: 1.2rem;
	height:1.2rem;
	background:yellow !important;
	border-radius: 50%;
	cursor: pointer; 
 }
 
 .wrapBoxItem{
 	margin-top:2.5rem;
 }

.timeWrapBox{
	margin-top:5%;
}

input::-webkit-input-placeholder {
	        color: #fff;
	        font-size:1rem;
	    }
.act_BgColor{
	background:yellow !important;
}



.topBar{
	left: 20%;
	top: -1.4rem;
}
